<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="../../../node_modules/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../node_modules/bootstrap/dist/css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="../../../node_modules/bootstrap/dist/css/bootstrap-reboot.min.css">

    <link rel="stylesheet" href="../../../node_modules/summernote/dist/summernote-bs4.css">

    <style>

        .annotation-input {
            margin: 5px;
        }

        .annotation-input .textfield {
            margin-bottom: 5px;
        }

        .summernote {
            height: 350px;
        }

    </style>

</head>

<body>
<div class="annotation-input">

    <div class="textfield">
        <div class="summernote"></div>
    </div>

    <div class="textfield">
        <div class="summernote"></div>
    </div>

</div>
</body>

<script src="dist/summernote-bundle.js"></script>

</html>
